extends layout
block title
    title 请填写信息
block page-need-styles
    link(href="#{__BOWER_ROOT__}/Swiper/dist/css/swiper#{__COMPRESSED_SUFFIX__}.css",rel="stylesheet")
block content
    .swiper-container
        .swiper-wrapper
            .swiper-slide.container
                .row
                    .col-xs-12
                        p.text-center.common-text-padding.pure-gray-color 选择一个您要关心的人，<br>随时可关注TA的健康状况
                .row
                    .col-xs-4.father
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/selected.png")
                        p.text-center.pure-gray-color 爸爸
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/妈妈.png")
                        p.text-center.pure-gray-color 妈妈
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/爷爷.png")
                        p.text-center.pure-gray-color 爷爷
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/奶奶.png")
                        p.text-center.pure-gray-color 奶奶
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/外公.png")
                        p.text-center.pure-gray-color 外公
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/外婆.png")
                        p.text-center.pure-gray-color 外婆
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/自己.png")
                        p.text-center.pure-gray-color 自己
                    .col-xs-4
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/自定义.png")
                        p.text-center.pure-gray-color 自定义


            .swiper-slide.container
                .row
                    .col-xs-12
                        p.text-center.common-text-padding.pure-gray-color 填写您关心的人的基本信息，数据更准确哦
                        h5.h5.text-center 基本信息
                    .col-xs-12.input-group.form-setting
                        .input-group-addon 生日
                        input.form-control(type="date",placeholder="请选择")
                        .input-group-addon
                    .col-xs-12.input-group.form-setting
                        .input-group-addon 身高
                        input.form-control(type="number",placeholder="请输入",min="100",max="250")
                        .input-group-addon cm
                    .col-xs-12.input-group.form-setting
                        .input-group-addon 体重
                        input.form-control(type="number",placeholder="请输入",min="20",max="200")
                        .input-group-addon kg



            .swiper-slide.container
                .row
                    .col-xs-12
                        p.text-center.common-text-padding.pure-gray-color 选择您关心的人的性别，确定后不可修改
                        h5.h5.text-center 选择性别
                    .col-xs-6
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/男.png")
                        p.text-center.pure-gray-color 男
                    .col-xs-6
                        img.center-block.img-circle.user-img.img-responsive(src="#{__IMAGES_ROOT__}/女.png")
                        p.text-center.pure-gray-color 女

    .btn-father
                button.btn-block.btn-style.lg-font-size#btnNext 下一步
block page-need-scripts
    script(src="#{__BOWER_ROOT__}/Swiper/dist/js/swiper#{__COMPRESSED_SUFFIX__}.js" type="text/javascript")
    script(src="#{__JS_ROOT__}/Infomation#{__COMPRESSED_SUFFIX__}.js" type="text/javascript")

